<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control " readonly type="text" value="{$row.user.nickname|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sn')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control"  type="text" value="{$row.sn|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Total_num')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control"  type="number" value="{$row.total_num|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Total_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control" step="0.01" type="number" value="{$row.total_fee|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay_type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control" type="text" value="{$payTypeList[$row['pay_type']]|htmlentities}">

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Transaction_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly  class="form-control " type="text" value="{$row.transaction_id|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Paytime')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" type="text" value="{:$row.paytime?datetime($row.paytime):''}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Contact')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly data-rule="required" class="form-control"  type="text" value="{$row.contact|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Telephone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly data-rule="required" class="form-control" type="text" value="{$row.telephone|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly data-rule="required" class="form-control"  type="text" value="{$row.address|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order_status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
            {foreach name="orderStatusList" item="vo"}
            <label for="row[order_status]-{$key}"><input id="row[order_status]-{$key}" {if $row['order_status']!='10'}disabled{/if} name="row[order_status]" type="radio" value="{$key}" {in name="key" value="$row.order_status"}checked{/in} /> {$vo}</label> 
            {/foreach}
            </div>
        </div>
    </div>
  
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sendtime')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" type="text" value="{:$row.sendtime?datetime($row.sendtime):''}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input readonly class="form-control" step="0.01" type="number" value="{$row.pay_fee|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('用户备注')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-user_mark" readonly class="form-control" name="row[user_mark]" type="text" value="{$row.user_mark|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('备注')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-backstage_mark" class="form-control" name="row[backstage_mark]" type="text" value="{$row.backstage_mark|htmlentities}">
        </div>
    </div>
    <div class="form-group" style="display: flex;">
        <!-- <label class="control-label col-xs-12 col-sm-2"></label> -->
        <div  class="control-label  col-xs-12 col-sm-2">{:__('订单商品')}:</div>
        <div class="col-xs-12 col-sm-8" >
            {foreach $row['goods'] as $v}
            <div
                style="display: flex;padding:15px 30px;justify-content:space-between;background-color: #f9f9f9;margin-top: 20px;border-radius: 12px;">
                <div>
                    <img style="width: 80px;height:80px;border-radius: 12px;" src="{$v['image']}" alt="">
                </div>
                <div
                    style="font-size: 14px;padding: 0 20px 10px 10px;display: flex;flex-direction: column;justify-content: space-between;flex:1;">
                    <div style="display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;font-weight: bold;">{$v['goods_name']}</div>
                    <div>
                        {if $v['spec_array']}
                        规格:{:$v['spec_array']['spec_name']??''}
                        {/if}
                    </div>
                    <div style="display: flex;color: #999;">

                        <div>原价：{$v['goods_price']}元</div>
                        <div style="padding:0 20px;color: #FAA553;display: flex;">X{$v.goods_num}</div>

                    </div>
                </div>
                <div style="font-size: 14px;color: #999;">
                    <div style="display: flex;">
                        <div style="width: 80px;">商品小计：</div>
                        <div>{$v.total_price}元</div>
                    </div>
                    <div style="display: flex;">
                        <div style="width: 80px;">支付金额：</div>
                        <div style="color:#FE4B3D">{$v.pay_fee}元</div>
                    </div>
              
                </div>
            </div>
            {/foreach}
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
